<div style="width: 100%; height: 12em;"  [ngStyle]="item.Pattern | imgUrl:'base64':'backImg'" >
  <div class="ub ub-ac ub-pc ub-ver  ub-con font_white" style="background-color: rgba(0,0,0,0.25);" style="color: #FFF;  position: absolute; top: 0; width: 100%; height: 12em;">
    <div class="ub ub-ac">
      <div class="ub-f1 width_hr ubb"></div>
      <img src="{{item.Pattern | dataWallet:'PatternIMg'}}" style="width: 2.5em;height: 2.5em;margin: 0.3em;" />
      <div class="ub-f1 width_hr ubb"></div>
    </div>
    <div>
      <h2>{{item.Title}}</h2>
    </div>
    <div class="ub fontsize8 umar-t">
      <div>{{item.Pattern | dataWallet:"Pattern" }}</div>
      <div class="l_mar_r"> | </div>
      <div> {{item.Classify | dataWallet:'Classify'}} </div>
    </div>
    <div class="ub ub-ac umar-t">
      <div class="ub-img1 user_wh umar-r">
        <img class="user_wh" src="{{item.HeadPortrait | imgUrl:'base64' }}">
      </div>
      <div class="umar-r"> {{item.username}} </div>
      <div class="umar-r"> {{item.Integral}}</div>
      <div class="ub-img1 zuanshi_wh zuanshi_img umar-r"></div>
    </div>
  </div>
</div>